ELEMENTS

Editing
  • account_tree
  • bug_report

<meter>

알려진 범위 내의 스칼라(scalar) 측정 또는 분수 값을 나타낸다. value 값을 토대로 시각적 표시를 하는 <progress> 요소와 비슷해 보이지만 데이터(value)의 가치에 대한 시각적 표시를 차별화할 수 있다.

  • 콘텐츠 분류

  • 허용된 부모 요소 또는 위치

    PHRASING CONTENT

    구문 콘텐츠(phrasing-content)가 예상되는 위치

  • 콘텐츠 모델

    PHRASING CONTENT

    하위에 다른 <meter> 요소가 없어야 한다.

  • 태그 생략

    시작 태그, 종료 태그 모두 작성

  • DOM Interface

    HTMLMeterElement

    [Exposed=Window]
    interface HTMLMeterElement : HTMLElement {
      [HTMLConstructor] constructor();
    
      [CEReactions] attribute double value;
      [CEReactions] attribute double min;
      [CEReactions] attribute double max;
      [CEReactions] attribute double low;
      [CEReactions] attribute double high;
      [CEReactions] attribute double optimum;
      readonly attribute NodeList labels;
    };

구문

마크업 형식
<meter></meter>
Example

애트리뷰트

value floating-point numbers

시각적으로 비교되어 표시될 값이다.

max floating-point numbers선택

표시될 값의 범위에서 최대값을 나타낸다.

기본값

1.0
min floating-point numbers선택

표시될 값의 범위에서 최소값을 나타낸다.

기본값

0
low floating-point numbers

주어진 범위 내에서 낮은 부분으로 간주되는 범위를 정해 최대값을 지정한다.

high floating-point numbers

주어진 범위 내에서 높은 부분으로 간주되는 범위를 정해 최소값을 지정한다. max 애트리뷰트의 값보다 작아야 한다. 그리고 min, low 애트리뷰트의 값보다 커야 한다.

optimum floating-point numbers

주어진 minmax 애트리뷰트의 값 범위 내에서 최적의 값을 의미한다. 최적의 값은 다음과 같은 조건에서 의미를 갖게 된다.

  • optimum  애트리뷰트의 값이 high 애트리뷰트의 값 보다 높으면 value 애트리뷰트의 값이 높은 범위(highmax 범위)내에 있을수록 이상적인 값으로 본다.
  • optimum 애트리뷰트의 값이 low 애트리뷰트의 값 보다 낮으면 value 애트리뷰트의 값이 낮은 범위(minlow 범위)내에 있을수록 이상적인 값으로 본다
  • optimum 애트리뷰트의 값이 lowhigh 범위 내에 있으면 value 애트리뷰트의 값이 낮은 범위(minlow)와 높은 범위(highmax) 내에 있으면 좋지 않은 것으로 본다.

테스트 도구

Example

글로벌 애트리뷰트

일부 글로벌 애트리뷰트는 이 요소에서 사용되지 않을 수 있다.

글로벌 이벤트 핸들러

일부 글로벌 이벤트 핸들러는 이 요소에서 사용되지 않을 수 있다. 이벤트 등록은 자바스크립트 사용을 권장한다.

버전 명세

HTML Standard
#the-meter-element

지원 웹브라우저